<template>
  <el-col id="containerCopy">
    <div class="amapCopy">
      <el-amap vid="amapDemoCopy" id="amapDemoCopy" :zoom="12" class="amap-demo">
        <el-amap-marker></el-amap-marker>
      </el-amap>
    </div>
  </el-col>
</template>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=be39f4d36d4f1db60a600c92d1258e4e&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=be39f4d36d4f1db60a600c92d1258e4e&plugin=AMap.Autocomplete"></script>
<script src="http://webapi.amap.com/maps?v=1.4.0&key=be39f4d36d4f1db60a600c92d1258e4e&plugin=AMap.Geocoder"></script>

<script>
export default {
  data() {
    return {
    }
  }
}
</script>

<style>
#amapDemoCopy {
  width: 90%;
  height: 500px;
}
#containerCopy {
  width: 100%;
  height: 500px;
}
.amapCopy {
  width: 100%;
  height: 500px;
}
</style>